<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div class="a1">
			<div>a1</div>
			<div>aa</div>
		</div>
		<div class="a1">a1</div>
		<div id="a2">a2</div>
	</body>
</html>
<script type="text/javascript">
	// 获取body标签
	// document中有属性body
	var body = document.body;
	console.log(body)
	// document.documentElement保存的是html根标签
	var de = document.documentElement;
	console.log(de);
	// document.all保存页面中的所有元素
	// all已经不在标准中，尽量少用
	var all = document.all;
	console.log(all);
	all = document.getElementsByTagName("*");
	console.log(all);
	// 根据class属性值查询一组元素对象
	var a1 = document.getElementsByClassName("a1");
	console.log(a1)
	// 获取a1中的div
	// document.querySelector()需要一个选择器字符串作为参数，可以根据一个css选择器查询一个元素节点对象
	// 使用该方法只会返回唯一一个元素，如果有多个满足选择器条件则返回第一个
	var div = document.querySelector(".a1 div")
	console.log(div.innerHTML)
	div = document.querySelector("#a2")
	console.log(div.innerHTML)
	
	// document.querySelectorAll()返回全部元素封装到数组中
	div = document.querySelectorAll(".a1 div")
	console.log(div)
</script>